<template>
  <el-button type="success" size="mini" v-if="value === 'healthy'">健康运行中</el-button>
  <el-button type="success" size="mini" v-else-if="value === 'running'">运行中</el-button>
  <el-button type="success" size="mini" v-else-if="value === 'restarting'">重启中</el-button>
  <el-button type="danger" size="mini" v-else-if="value === 'exited'">已停止</el-button>
  <el-button type="warning" size="mini" v-else-if="value === 'start'">启动中</el-button>
  <el-button type="warning" size="mini" v-else-if="value === 'paused'">暂停中</el-button>
  <el-button type="info" size="mini" v-else-if="value === 'created'">已创建</el-button>
</template>

<script>
export default {
  name: "State",
  props: {
    value: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>

</style>
